Badge
Tec{h}tonic gives you 2 types of badges to use in different areas
Badge on icons
Badge on icons are usually used to show how many notifications, items, messages you have in a particular app.
7
3
6
You can add a badge on any icon if you'd add the "icon-badge" class along with the common class "badge" in your website.
Badge on Avatars
Badge on avatars are used to show you the status of that person right now.
They can be of three types : Online, offline, do not disturb
You can add a badge for different status if you'd just add "on-badge", "off-badge", "dnd-badge" along with the common "badge" class.